<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
<title>台风眼</title> 
<style type="text/css">
/*reset*/
*{
	margin: 0;
	padding: 0;
}
html, body{
	width: 100%;
	height: 100%;
	position: relative;
	font-size: 14px;
	background-color: #45a0e6;
	-webkit-font-smoothing: antialiased;
	color: #333;
}
/*page style*/
@-webkit-keyframes "slideDown" {
	0% {
		opacity: .3;
		-webkit-transform: translate3d(0px,0px,0px);
		transform: translate3d(0px,0px,0px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0px,50px,0px);
		transform: translate3d(0px,50px,0px);
	}
}
@-webkit-keyframes "slideUp" {
	0% {
		opacity: .3;
		-webkit-transform: translate3d(0px,100px,0px);
		transform: translate3d(0px,100px,0px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0px,50px,0px);
		transform: translate3d(0px,50px,0px);
	}
}
.main{
	position: absolute;
	top: 50%;
	width: 100%;
	height: 300px;
	text-align: center;
	margin-top: -150px;
}
.main.show{
	
	

}
.logo{
	font-size: 36px;
	color: #fff;
	font-weight: bold;
}
.desc{
	color: #f5f5f5;
	font-size: 16px;
}
.desc a{
	color: white;
}

.main.show .logo{
	-webkit-animation-name: "slideDown";
	-webkit-animation-duration: .5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
}

.main.show .desc{
	-webkit-animation-name: "slideUp";
	-webkit-animation-duration: .5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
}
footer{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 12px;
	color: #e1e1e1;
	padding-bottom: 20px;
}

footer a{
	color: #e1e1e1;
}
</style>
<script type="text/javascript" src="file:///android_asset/js/zepto.min.js"></script>
<!-- <script type="text/javascript" src="js/zepto.min.js"></script> -->
<script>
	$(function(){
		$('.main').addClass('show');
	});
</script>
</head>
<body>
	<div class="main">
		<h1 class="logo"><script>document.write(window.application.getAppName());</script></h1>
		
		<p class="desc">
			<br/>
			开发者：steven0lisa<br/>
			微博：<a href="https://me.alipay.com/steven0lisa" target="_blank">@steven0lisa</a><br/>
			支付宝捐助：<a href="https://me.alipay.com/steven0lisa" target="_blank">点此捐助</a>
		</p>
	</div>
	
	<footer>
		<p>软件版本：<script>document.write(window.application.getVersion());</script></p>
		<p>数据来源：<a href="http://weather.news.sina.com.cn/" target="_blank">新浪天气</a></p>
	</footer>
</body>
</html>